Reimagining Google Fonts重新設計谷歌字型
一、Google Fonts 的背景（Background）
2010 年，以工程為核心，目標是推動網頁技術發展、加快速度，並提升網頁的表現力。
14 款支援拉丁文字的開源字型。如今每天有超過 150 億次瀏覽，支援 135 種以上的語言。過去六年間持續增加新字型，豐富字型目錄。
二、改版目標
- 讓設計資源更好看
- 用 Material Design 框架，確保在所有裝置上顯示一致。
- 更新介面風格和互動方式，包括新 Logo。
- 更好地展示字型和設計師
- 新目錄不只展示字型，還介紹設計師和他們的故事。
- 提供更多互動體驗，讓使用者更容易連線字型。
三、主要設計特點
- HTML5 字型展示
- 可以調整字型大小、顏色和搭配。
- 增加互動功能，幫助使用者直觀瞭解字型。
- 提供字型資訊、設計師介紹和使用資料。
- 網格佈局
- 基於 Material Design 的 40dp 網格系統。
- 適應不同頁面需求：字型展示頁用 4 列布局（內容多時）。精選集頁面用 3 列布局（更簡潔）。
- 測試多種佈局後，發現網格檢視最適合展示字型。
3. 自適應介面
- 搜尋篩選面板：在右側，可關閉以全屏瀏覽。
- 工具欄：滑鼠懸停時出現，可編輯示例文字。
- 批次應用：一次把自定義文字應用到所有字型，方便比較。
- 底部抽屜：隨時檢視已選字型和嵌入程式碼。
四、設計發展歷程
- Google Fonts 是最受歡迎的 Google API 之一。
- 團隊需要平衡網站效能和視覺美感。
- 團隊重點最佳化了字型選擇和使用流程。
Logo 變化：
2012年：紅色方塊上的白色手寫小寫"f"。2016年：紅色圓圈上的白色大寫"F"，更簡潔現代。
五、團隊合作與價值
- 這次改版由設計師、工程師、產品經理等多部門共同完成。
- 設計師負責處理細節並解決創意問題。
- 團隊希望新版能讓使用者更容易探索字型並激發創造力。